@import "main.css"

rem(pixel)
  (pixel / 375 / 2) * 10 

html
  font-size 75px

body
  background-color #ff7953
  background -webkit-linear-gradient(bottom, #ff9273  , #ff5729)
  font-size rem(13rem)

.error
  position absolute
  top 50%
  left 50%
  width auto
  max-width 100%
  height rem(40rem)
  margin-top rem(-20rem)
  line-height rem(40rem)
  text-align center
  font-size rem(15rem)
  color #fff
  background-color rgba(255, 142, 111, 0.6)
  transform translateX(-50%)
  padding 0 rem(20rem)
  border-radius 5px
  -webkit-overflow-scroll touch
  z-index 9999
  white-space nowrap
  text-overflow ellipsis
  display none

.container
  width rem(345rem)
  padding rem(20rem)
  box-sizing border-box
  background-color #fff
  margin 0 auto
  max-width 5rem
  position relative
  top 50%
  transform translateY(-50%)
  border-radius 10px
  box-shadow 3px 3px 10px 3px #ca5d3f
  will-change auto
  
.logo
  width rem(60rem)
  height rem(60rem)
  margin 0 auto rem(15rem)
  display block
  
.register-container
  background #fff
  .register-cell-title
    color #383838
    font-size rem(15rem)
    font-weight bold
    margin rem(10rem) auto
  .register-cell-content
    position relative
    display flex
    .show-hidden
      position absolute
      top 0
      right 0
      width rem(20rem)
      height rem(20rem)
      padding rem(10rem)
      background-repeat no-repeat
      background-position center
      background-size rem(20rem)
      cursor pointer
      z-index 999
    .hidden-password
      background-image url('../img/hidden.png')
    .show-password
      background-image url('../img/show.png')
    .el-input
      color #383838
      background-color #EEF2F5
      overflow inherit
      height rem(40rem)
      line-height rem(40rem)
      padding 0 rem(10rem)
      flex 1
      font-size rem(16rem)
      font-weight 100
      width 50%
      box-sizing border-box
    .auth-code-btn
      color #383838
      background-color #EEF2F5
      height rem(40rem)
      line-height rem(40rem)
      box-sizing border-box
      text-align center
      padding 0 rem(12rem)
      margin-left rem(10rem)
      cursor pointer
      flex 1
  .submit
    height rem(40rem)
    line-height rem(40rem)
    background-color #ff7953
    color #fff
    font-size rem(16rem)
    text-align center
    margin rem(10rem) auto